<template>
<div class="common-layout">
    <el-container>
      <el-header>
        <officeHeader>

        </officeHeader>
      </el-header>
      <el-main>
        <div class="main">
            <el-row>
                <el-col :span="18" :offset="3">
                    暂无详细信息...
                </el-col>
            </el-row>
        </div>
      </el-main>
      <el-foot>
             <officeFooter>

            </officeFooter>
      </el-foot>
    </el-container>
</div>
</template>


<script>
import officeHeader from '../components/officeHeader.vue';
import officeFooter from '../components/officeFooter.vue';
export default{
    components: {
    officeHeader,
    officeFooter
},
}
</script>

<style scoped>
.el-header{
  width: 100%;
  height: 100px;
  
  margin-left: auto;
}
.el-main{
  /* margin-top: 100px; */
}
.el-footer{
    height: 160px;
}

.main{
    margin-top: 87px;
    /* height: 1000px; */
}

</style>

